<template>
	<div>
		<h1>自定义事件和slot</h1>	
		<v007c @com-a-emit="onComAEmit"></v007c>
		<v007c2>
			<p>"content 123 as slot pass to v007c2"</p>
			<p>- msg from father</p>
		</v007c2>
		<v007c3>
			<span slot="header">logo</span><span slot="header">login | registry</span>

			<span slot="footer">copyrigth@</span><span slot="footer">2017.3.28</span>
		</v007c3>
	</div>
</template>

<script>
	import v007c from '@/components/base/007c'
	import v007c2 from '@/components/base/007c2'
	import v007c3 from '@/components/base/007c3'
	export default {
		components: {
			v007c,
			v007c2,
			v007c3
		},
		methods: {
			onComAEmit (msg) {
				console.log('msg from v007c is' + msg)
			}
		}
	}
</script>

<style scoped>
	div{
		background-color: rgba(255, 0, 0, .2);
	}
</style>